.banner {background:url(/web/Tpl/default/special/tenancy/img/banner.jpg);}
.img-list img {margin-bottom: 3px;}
.rental-procedure {margin-left:103px;}
.rental-procedure li {position:relative;float:left;width:20%;}
.rental-procedure .end {position:absolute;top:52px;left:0;width:15px;height:15px;background-color:#dbdbdb;}
.first .ray {display:block;position:relative;width:105px;height:3px;top:-13px;left:-103px;background-color:#dbdbdb;}
.first .ray .end {top:-6px;}
.rental-procedure .last .end {right:0;left:auto;}
.graphic {position:absolute;top:0;left:0;width:100%;font-size:0;}
.graphic .vertical {display:block;position:relative;width:3px;height:45px;margin-left:15px;background-color:#dbdbdb;}
.graphic .vertical i {position:absolute;top:-15px;left:-6px;width:15px;height:15px;background-color:#dbdbdb;border-radius:8px;}
.down .graphic .vertical {position:relative;top:77px;}
.down .graphic .vertical i {top:45px;}
.text-info {position:relative;left:45px;bottom:30px;}
.down .text-info {bottom:-80px;}
.graphic .circle {display:block;width:32px;height:32px;background-color:#fff;border:3px solid #dbdbdb;border-radius:16px;}
.graphic .circle i {display:block;width:15px;height:15px;margin:5px;background-color:#fac65d;border-radius:8px;}
.graphic .line {display:block;height:3px;margin:-18px 0 0 32px;background-color:#dbdbdb;}
.discount-package .col-md-6, .address .col-md-6 {padding:0;*width:48.5%;}
.discount-package .abs{top:23%;left:50px;}
.discount-package .abs.right{left:auto;right:10px;}
.gray-ccc {color:#ccc;}
.discount-info strong, .discount-info em {display:block;font-size:1.875em;}
.discount-info p {font-size:14px;}
.online-booking .col-md-3 {*width:23%;}
.online-booking span {margin-right:10px;}
.online-booking .btn {width:300px;height:50px;padding:0;line-height:50px;}
.rental-info dd {font-size:14px;}
.rental-info dd i {margin-right:5px;font-style:normal;font-size:18px;}
.rental-info dd p {margin-top:10px;}
.price-list th {font-weight:normal;}
.price-list th, .price-list td {padding:12px;border:1px solid #ccc;}
.address .abs {top:0;right:0;bottom:0;left:0;height:36px;margin:auto;text-align:center;*top:45%;*width:100%;}
.qa-list li {margin-bottom:20px;}
.qa-list strong {font-weight:normal;color:#3eabb8;cursor:pointer;}
.qa-list .open {color:#4a4a4a;}
.qa-list .answer {position:relative;margin-top:2em;padding:1.5em;background-color:#f4f4f4;border:1px solid #ccc;border-radius:10px;}
.qa-list .answer .caret-up {position:absolute;top:-13px;left:10%;border-right:10px solid transparent;border-bottom:13px solid #ccc;border-left:10px solid transparent;}
.qa-list .caret-up i {position:absolute;top:2px;left:-10px;border-right:10px solid transparent;border-bottom:13px solid #f4f4f4;border-left:10px solid transparent;}

@media screen and (max-width: 1366px) {
  .discount-package .abs {top:5%;}
  .discount-info p {color:#fff;text-shadow:1px 1px 1px #000;}
}

@media screen and (max-width: 1000px) {
  .rental-procedure {margin-left:0;}
  .text-info {left:30px;bottom:25px;}
}

@media screen and (max-width: 990px) {
  .online-booking input {width:50%;}
  .online-booking .radio, .online-booking .checbox {width:auto;}
}

@media screen and (max-width: 800px) {
  .rental-procedure li {float:none;width:100%;}
  .rental-procedure .down {margin-bottom:9em;}
  .first .ray {display:none;}
  .text-info {position:relative;left:45px;bottom:30px;}
  .discount-info p {color:#fff;}
}

@media screen and (max-width: 700px) {
  .discount-info {font-size:14px;}
  .online-booking .btn {width:250px;height:45px;line-height:45px;}
}

@media screen and (max-width: 568px) {
  .discount-package .discount-info, .discount-info p {position:static;color:#777;}
  .discount-package .discount-info {margin:1em 0 2em;}
  .online-booking .btn {width:200px;height:40px;line-height:40px;}
}

@media screen and (max-width: 320px) {
  .rental-procedure .down {margin-bottom:11em;}
}